<!DOCTYPE html>
<html>
<head>
    <title>1212</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0" name="viewport" />
    <!-- Jquery -->
    <script src="{{url('js/jquery.min.js')}}"></script>
    <style>
        body{
            margin: 0;
            padding: 0;
        }
        .content img{
            width: 100%;
        }
        ul{width: 165px;height: 60px;display: flex;justify-content: row;margin:80px auto 10px auto;list-style: none}
        li img{width: 25px;height: 25px; display: block; margin: 0px auto;margin-top: 10px;}
        li span{width: 60px;height: 20px;line-height: 20px;display: block;text-align: center;font-size: 13px;}
        .good{width: 60px;height: 60px;border: 1px solid gray;border-radius: 60px;}
        .share{width: 60px;height: 60px;border: 1px solid #747070;border-radius: 60px;margin-left: 10px;}
        .readNumber{width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #000;margin-bottom: 36px;}
        .footer{width: 100%;height: 35px;display: block;}
        .details{width: 96%;margin-left:2%; }
    </style>
</head>
<body>
<div class="content">
    <?php echo html_entity_decode($notice->content); ?>
</div>
<div>
    <ul>
        <li class="good">
            <img src="http://file.rzkeji.com/web/loveciy/img/good.png"/>
            <span>3000</span>
        </li>
        <li class="share">
            <img src="http://file.rzkeji.com/web/loveciy/img/good.png"/>
            <span>分享</span>
        </li>
    </ul>
    <div class="readNumber">阅读:6000人</div>
    <img src="http://file.rzkeji.com/web/loveciy/img/footer.jpg" class="details"/>
    <img src="http://file.rzkeji.com/web/loveciy/img/footer.jpg" class="footer"/>
</div>
</body>
</html>